@import "mixins/mixins";
@import "common/var";
@import "_main";

@include b(odl) {
  @include e(list) {
    width: 100%;
    padding: 20rpx 0;
    background: #f5f5f5;

    @include m(item) {
      display: flex;
      flex-direction: column;
      background: #fff;
      padding-bottom: 20rpx;
      margin-top: 20rpx;
      &:nth-child(1) {
        margin-top: 0;
      }

      .cellheader {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 75rpx;
        font-size: 25rpx;
        border-bottom: 1rpx solid #e0e0e0;
        .date {
          margin-left: 24rpx;
          color: #949494;
        }
        .state {
          margin-right: 29rpx;
          color: #ff6f06;
        }
      }

      .cellfooter {
        margin-top: 22rpx;
        font-size: 25rpx;
        color: #878787;
        text-align: right;
        margin-right: 32rpx;
        span {
          font-size: 31rpx;
          color: #474747;
        }
        .unit {
          font-size: 20rpx;
        }
      }

      .btnlist {
        button {
          border: 2rpx solid #ff6b00;
          color: #ff6b00;
          height: 66rpx;
          font-size: 23rpx;
          line-height: 66rpx;
          background: #fff;
          float: right;
          margin-top: 40rpx;
          margin-right: 32rpx;
          border-radius: 1rpx;
        }
      }
    }
  }

  @include e(celllist) {
    display: flex;
    flex-direction: column;
  }

  @include e(item) {
    display: flex;
    flex-direction: column;

    .content {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      height: 175rpx;

      .left {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 40rpx;
        .logo {
          width: 97rpx;
          height: 97rpx;
          margin-right: 26rpx;
          // background: #ff6f06;
          image {
            width: 100%;
            height: 100%;
          }
        }
        .info {
          font-size: 22rpx;
          color: #d6d6d6;
          .title {
            font-size: 29rpx;
            color: #474747;
            margin-bottom: 10rpx;
          }
        }
      }
      .right {
        font-size: 27rpx;
        color: #8c8c8c;
        margin-right: 30rpx;
        .price span {
          font-size: 20rpx;
        }
      }
    }
    .seperate {
      height: 2rpx;
      margin-left: 32rpx;
      background: #e0e0e0;
    }
  }
}
